.page-vendor{
	img{
		width: 100%;
	}
	.vendor-name-wrap{
		background-color: #FAFAFA;
		height: 30px;
		line-height: 30px;
		.vendor-name{
			text-align: right;
			padding-right: 10px;
			font-size: 12px;
			color: #333333;
			span{
				display: inline-block;
				height: 25px;
				line-height: 25px;
				background-color: #E63736;
				border-radius: 6px;
				vertical-align: middle;
				font-size: 10px;
				padding: 0 5px;
				text-align: center;
				color: #fff;
				margin-left: 20px;
			}
		}
	}
	.vendor-page-wrap{
		//background-color: #1A0605;
		background-image: url("../images/vendor_bg.png");
		background-repeat: repeat;
		background-size: 100%;
	}
	.vendor-info{
		margin: 13px 0 8px;
		border-top: 1px solid #E4E4E4;
		border-bottom: 1px solid #E4E4E4;
		background-color: #fff;
		
	}
	.vendor-products-wrap{
		margin: 20px 0 40px;
		.vendor-products-title{
			height: 66px;
			border-top: 5px solid #FEA13E;
			border-bottom: 1px solid #C0C0C2;
			background-color: #fff;
			.title-item{
				width: 20%;
				float: left;
				text-align: center;
				margin-top: 13px;
				&.vendor-img{
					padding: 0 40px;
    			margin-top: 0;
    			text-align: center;
    			img{
    				height: 60px;
    				width: 60px;
    			}
				}
				.num{
					font-size: 14px;
					color: #202020;
					margin-bottom: 3px;
				}
				.text{
					font-size: 11px;
					color: #9C9C9C;
				}
				.wishlist-wrap{
					width: 100%;
					margin-bottom: 3px;
					.icon{
						display: block;
						width: 20px;
						height: 17px;
						background-size: cover;
						background-repeat: no-repeat;
						margin: 0 auto;
					}
					.icon-wishlist{
						background-image: url("../images/wishlist-empty.png");
					}
					.icon-wishlist-fill{
						background-image: url("../images/wishlist-fill.png");
					}
				}
			}
		}
		.vendor-products-list{
			padding: 8px 0 20px;
			.vendor-product-item{
				transition:all 0.5s;
				&:hover{
					//box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
					box-shadow: 1px 1px 5px #BDBDBD;
	    		transform: translate3d(0, -2px, 0);
				}
				.product-link{
					display: block;
				}
				float: left;
				width: 24%;
				margin-right: 1.3333%;
				margin-bottom: 10px;
				background-color: #fff;
				//padding: 7px;
				padding-bottom: 7px;
				&:nth-child(4n){
					margin-right: 0;
				}
				.product-image{
					width: 100%;
				}
				.name{
					font-size: 12px;
					color: #545454;
					padding: 0 10px;
					margin: 5px 0;
				}
				.price-wrap{
					padding: 0 10px;
				}
				.price{
					font-size: 16px;
					color: #A92123;
				}
				.price-old{
					font-size: 11px;
					color: #AAAAAA;
					text-decoration: line-through;
				}
			}
		}
	}
}

.vendor-list{
	.vendor-item{
		margin-bottom: 10px;
		.vendor-item-link{
			display: block;
			background-color: #fff;
			color: #000;
			border:2px solid #FCE356;
			position: relative;
			.icon-category-star{
				display: inline-block;
				vertical-align: middle;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url("../images/category_star.png");
				width: 17px;
				height: 26px;
				top: -2px;
				left: 10px;
				position: absolute;
			}
			.vendor-item-table{
				width: 100%;
				img{
					width: 100%;
				}
				td.left{
					width: 25%;
					text-align: center;
					img{
						width: 35%;
					}
				}
				td.right{
					width: 75%;
					padding-left: 50px;
				}
				.vendor-name{
					font-size: 12px;
					color: #030303;
					font-weight: bold;
					margin-bottom: 10px;
				}

				.vendor-products{
					.product-item{
						width: 85px;
						float: left;
						text-align: center;
						img{
							width: 60px;
							height: 60px;
						}
					}
				}
			}
		}
	}
}